.main-popper {
  background: rgba(25, 86, 114, 0.902) !important;
  border: 1px solid #07cefb !important;
  border-radius: 3px !important;
  box-shadow: 0 0 10px rgba(24, 139, 179, 0.871) !important;
  // .is-active{
  //   background-color: #0088b3!important;
  //   color: #adcee5;
  // }
  .el-menu--popup{
    background-color: transparent;
    .el-menu-item{
      color: #adcee5;
      background-color: transparent;
    }
    .el-menu-item:hover{
      color: #fff;
      background-color: transparent;
    }
    // 嵌套的popper
     // 默认样式
     .el-sub-menu {
      border: 0;
      background: url("./assets/images/focus.png") no-repeat;
      background-size: 100% 100%;
      min-width: 100px !important;

      .el-sub-menu__title {
        color: #adcee5;
        border-bottom: 0px;
        background-color: transparent;
        .el-icon {
          display: none;
        }
      }
      .el-sub-menu__title:hover {
        background-color: transparent;
      }
    }
  }
  
}


// 通用颜色背景
$common-bg: linear-gradient(
  180deg,
  rgba(8, 40, 75, 0.45) 0%,
  rgba(10, 41, 73, 0.45) 15.35%,
  rgba(11, 70, 146, 0.45) 35.16%,
  rgba(11, 78, 167, 0.45) 62.46%,
  rgba(11, 30, 60, 0.45) 83.98%,
  rgba(13, 33, 58, 0.45) 100%
);
// 通用边框颜色
$common-border :rgba(255,255,255,0.4);
// 通用悬浮颜色
$common-hover:rgba(26,85,115,.6);

// vc-html样式调整
.vc-html-container{
  z-index:1;
}


// 弹出框
/* .info-table {
  background-color: transparent !important;
  color: #fff;
  // 对话框样式 
  .el-dialog__title{
    color: #fff !important;
  }
}
.info-table:hover{
  background: transparent;
  .el-table__cell{
   background-color:transparent;
  };
}
.info-header{
  background-color: transparent !important;
  color: #fff;
  .el-table__cell{
    background-color: transparent !important;
    .cell{
      color: #fff;
    }
    .is-leaf{
      border-color: transparent !important;
    }
  }
} */
// 显示航线对话框
.info-table{
  background:$common-bg;
  color: #fff;
  // height: calc(80vh);
  // 头部文字颜色
  .el-dialog__title{
    color: #fff;
  }
  .el-table{
    background-color: transparent;
    color: #fff !important;
    height: calc(80vh);
     // 内部表格样式
  .info-table-row{
    background-color: transparent;
    .el-table__cell{
      background-color: transparent;
    }
  }
  .info-cell{
    background-color: transparent;
    border-color: $common-border;
    .el-table__cell{
      background-color: transparent;
    }
  }
  .info-table-row:hover{
    background-color: transparent !important;
    .info-cell{
      background: $common-hover;
    }
  } 
  .info-header{
    background-color: transparent;
    .is-leaf{
      border-color: $common-border;
      // text-align: center;
    }
    .el-table__cell{
      background-color: transparent;
    }
  }
  .el-table__inner-wrapper::before{
    background-color: $common-border;
  }
  }
 
}

// 空域弹出框
.airspace-drawer {
  background:$common-bg;
  color: #fff;
  // label颜色
  .el-form-item__label{
    color: #fff;
  }
    // 标题头颜色
    .el-drawer__header{
      color: #fff;
    }
}

// 空域编辑框颜色
.airspace-draw{
  background:$common-bg;
  color: #fff;
  height: calc(26vh) !important;
  top: 10% !important;
  // transform: translateY(-50%);
  // 标题头颜色
  .el-drawer__header{
    color: #fff;
    margin-bottom: 20px;
  }
  // body样式
  .el-drawer__body{
    padding-top: 5px;
    padding-bottom: 5px;

        // label颜色
        .el-form-item__label{
          color: #fff;
        }
        // 选择框颜色
        .el-select__wrapper{
          background-color: transparent;
          caret-color: #fff;
          
        .el-select__inner{
            color: #fff;
          }
        }
        .el-input__wrapper{
          background-color: transparent;
          caret-color: #fff;
          
          .el-input__inner{
            color: #fff;
          }
        }

        .el-select__placeholder{
          color: #fff;
        }
    
        .el-input-number__decrease,.el-input-number__increase{
          background: rgba($color: #fff, $alpha: 0.2);
          color: #fff;
        } 
  }


  .el-form{
    height: 100%;
  }
}

// 图表展示
.airroute-show-d{
  // background:$common-bg;
  background:linear-gradient(180deg,rgba(8, 40, 75,0.45) 0%,rgba(10, 41, 73,0.45) 15.35%,rgba(11, 70, 146,0.45) 35.16%,rgba(11, 78, 167,0.45) 62.46%,rgba(11, 30, 60,0.45) 83.98%,rgba(13, 33, 58,0.45) 100%);
  // opacity:45%;
  border-radius:15px;
  mix-blend-mode:color-dodge;
  border:4px solid;
  border-color:rgba(84, 84, 84,$alpha: 0.45);
  color: #fff;
  // height: calc(80vh);
  // 头部文字颜色
  .cell{
    text-align: center;
  }
  .el-dialog__title{
    color: #fff;
  }
  .el-table{
    background-color: transparent;
    color: #fff !important;
    height: calc(60vh);
    --el-table-border:
      1px solid rgba(88, 158, 235, 0.5);
    
     // 内部表格样式
  .airroute-show-row{
    background-color: transparent;
    border-color: $common-border;
    .el-table__cell{
      background-color: transparent;
    }
  }
  .airroute-show-cell{
    background-color: transparent;
    .el-table__cell{
      background-color: transparent;
    }
  }
  .airroute-show-row:hover{
    background-color: transparent !important;
    .airroute-show-cell{
      background: $common-hover;
    }
  } 
  .airroute-show-header{
    background-color: transparent;
    font-family:Microsoft YaHei;
    color:rgba(148, 206, 255, 1);
    font-size:15px;
    
    .is-leaf{
      border-color: $common-border;
      // text-align: center;
    }
    .el-table__cell{
      background-color: transparent;
    }
  }
  .el-table__inner-wrapper::before{
    background-color: $common-border;
  }
  .airroute-show-d,.el-table,.el-table__inner-wrapper::before {
    background-color: rgba(88, 158, 235, 0.5);
}

.is-leaf {
  border-color: rgba(216, 17, 17, 0.4);
}

  }
 
}
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: transparent !important;
  border-color: rgba(0, 252, 255, 1) !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner:after{
  border-color: rgba(0, 252, 255, 1) !important;
}
// 画设航线
.airroute-draw{
  background:$common-bg;
  color: #fff;
  height: calc(80vh) !important;
  top: 10% !important;
  .el-drawer__title{
    color: #fff;
  }
    // label颜色
    .el-form-item__label{
      color: #fff;
    }
    .el-input__wrapper{
      background-color: transparent;
      caret-color: #fff;
      
      .el-input__inner{
        color: #fff;
      }
    }
    .el-input-number__decrease,.el-input-number__increase{
      background: rgba($color: #fff, $alpha: 0.2);
      color: #fff;
    }
}

// 栅格修改相关
.airgrid-edit-drawer{
  background:$common-bg;
  color: #fff;
  // label颜色
  .el-form-item__label{
    color: #fff;
  }
  // 标题头颜色
  .el-drawer__header{
    color: #fff;
  }
  .el-input__wrapper{
    background-color: transparent;
    caret-color: #fff;
    
    .el-input__inner{
      color: #fff;
    }
  }
  .el-input-number__decrease,.el-input-number__increase{
    background: rgba($color: #fff, $alpha: 0.2);
    color: #fff;
  }
  // 多选框颜色
  .el-select__wrapper{
    background-color: transparent;
    // color: #fff;
    .el-select__placeholder{
      color: #fff;
    }
  }
}
.airgrid-edit-proper.el-popper{
  background: rgba( 24,82,111, 0.8);
  border-color: rgb(7, 206, 251);
  .el-select-dropdown__item{
    color: #adcee5;
  }
  .el-select-dropdown__item.is-hovering{
  background-color: rgba(#10384b,0.8);
  }
  .el-popper__arrow{
    display: none;
  }
}



// 起降点展示颜色
.route-points-draw{
  background:$common-bg;
  color: #fff;
  height: calc(68vh) !important;
  top: 10% !important;
  // transform: translateY(-50%);
  // 标题头颜色
  .el-drawer__header{
    color: #fff;
  }
   // 头部文字颜色
   .el-dialog__title{
    color: #fff;
  }
  .el-table{
    background-color: transparent;
    color: #fff !important;
    height: calc(100%);
     // 内部表格样式
  .route-points-row{
    background-color: transparent;
    text-align: center;
    .el-table__cell{
      background-color: transparent;
    }
  }
  .route-points-cell{
    background-color: transparent;
    border-color: $common-border;
    .el-table__cell{
      background-color: transparent;
      text-align: center;
    }
  }
  .route-points-row:hover{
    background-color: transparent !important;
    .route-points-cell{
      background: $common-hover;
    }
  } 
  .route-points-header{
    background-color: transparent;
    .is-leaf{
      border-color: $common-border;
      text-align: center;
    }
    .el-table__cell{
      background-color: transparent;
    }
  }
  .el-table__inner-wrapper::before{
    background-color: $common-border;
  }
  }
 
}

// 动态生成航路
.route-gen-draw{
  background:$common-bg;
  color: #fff;
  height: calc(40vh) !important;
  top: 10% !important;
  border: 4px solid;
  border-color: rgba(84, 84, 84, 0.45);
  border-radius: 15px;
  // transform: translateY(-50%);
  // left: 50% !important;
  // transform: translate(-50%,-50%);
    // label颜色
    .el-form-item__label{
      color: #fff;
    }
        // 标题头颜色
        .el-drawer__header{
          padding-top: 0;
          padding-right: 0;
          color: #fff;
        }
}
// 动态航路生成确认框
.route-gen-confirm{
  background-color: RGB(24,82,111,0.8);
  /* 解决按钮黑边框bug */
  .el-button:focus {
  outline: none;
}
.el-message-box__title{
  color: #fff;
}
.el-message-box__content{
  color: #fff;
}
}

// 新增起降点
.points-drawer{
  background:$common-bg;
  color: #fff;
  height: calc(68vh) !important;
  top: 10% !important;
  // label颜色
  .el-form-item__label{
    color: #fff;
  }
    // 标题头颜色
    .el-drawer__header{
      color: #fff;
    }
    .el-input__wrapper{
      background-color: transparent;
      caret-color: #fff;
      
      .el-input__inner{
        color: #fff;
      }
    }
    .el-tabs__item{
      color: #fff;
    }

  .el-upload-dragger{
    background-color: rgba(255,255,255,0.85);
  }
}


// 航路详情
.route-show-drawer{
  background:$common-bg;
  color: #fff;
  height: calc(58vh) !important;
  top: 10% !important;
  overflow: hidden;
  .el-drawer__header{
    margin-bottom: 0;
  }
  // label颜色
  .el-form-item__label{
    color: #fff;
  }
    // 标题头颜色
  .el-drawer__header{
    color: #fff;
  }

  .el-form{
    .el-input__wrapper{
      background-color: transparent;
      caret-color: #fff;
      
      .el-input__inner{
        color: #fff;
      }
    }
  }
}